<template>
  <div class="c-bg-white">
    <!-- title -->
    <div class="c-w100 c-hh80 c-flex-row c-aligni-center c-bg-sgray c-ph30 c-fs22 c-fc-sblack">请选择违规类型，帮助我们准确处理</div>
    <div
      class="c-flex-row c-aligni-center c-justify-sb c-w100 c-hh96 c-pl30 c-pr24"
      v-for="(item, index) in listArray"
      @click="handleClickReportCon(item.reportType)"
      :key="index"
    >
      <span class="c-fs26 c-fc-xblack">{{item.title}}</span>
      <i class="iconfont c-fs26 c-fc-gray">&#xe635;</i>
    </div>
  </div>
</template>

<script>
import { utilJs } from "@/utils/common.js";
export default {
  name: "ReportIndex",
  data() {
    return {
      listArray: [{
        title: "色情低俗",
        reportType: 1,
      }, {
        title: "时政不实信息",
        reportType: 2
      }, {
        title: "违规广告、垃圾营销",
        reportType: 3
      }, {
        title: "涉未成年人不良信息",
        reportType: 4
      }, {
        title: "涉嫌诈骗",
        reportType: 5
      }, {
        title: "违法犯罪",
        reportType: 6
      }, {
        title: "侵权、抄袭、冒充",
        reportType: 7
      }, {
        title: "侮辱谩骂",
        reportType: 8
      }, {
        title: "引人不适",
        reportType: 9
      }, {
        title: "诱导点赞、关注、分享",
        reportType: 10
      }, {
        title: "其他",
        reportType: 11
      }]
    }
  },
  activated() {
    setDocumentTitle("用户举报");
    this.$store.commit('updateLoadingStatus', {
      isLoading: false
    });
  },
  created() {
    utilJs.appShare(this);
  },
  methods: {
    handleClickReportCon(reportType) {
      this.$routerGo(this, "push", {
        path: "/homePage/report/reportCon",
        query: {
          reportType: reportType,
        }
      })
    },
    //手机端分享
    appShare: function () {
      let title = window.localStorage.getItem("shareTitle");
      let shareImg = window.localStorage.getItem("shareLogo");
      let shareUrl = `${window.location.href.split("#")[0]}#?refereeId=${localStorage.getItem("userId")}`;
      let shareDesc = '点击查看详情';
      utilJs.appShareTrue(title, shareImg, shareUrl, shareDesc);
    }
  }
}
</script>

<style lang="less" scoped>
</style>